<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种使用样式表</title>
		<!-- html部分 -->
		<style>
			/* css注释方式 */
			/* css部分：选择器：抓取页面元素，元素增加效果 
			            选择器{
							属性：属性值
							属性：属性值
						}
			*/
		 p{
			 width: 200px;
			 height: 200px;
			 background: #6f47e6;
		 }
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表【开发不用：没有真正实现内容与表现分离】 
		语法：前标记 style=“属性：属性值；属性：属性值；...”
		-->
		<div style="width: 300px; height: 300px; background: red; "></div>
		<!-- ②内部样式表 【开发不用：练习专用】
		     html部分：在head元素中，添加style元素
			 css部分： 在style元素值，添加css样式
		 -->
	</body>
</html>